/*--vc_register*/ .vc_register { float:right; padding-right:5px; } .vc_register .occhiello_titolo {display:none;} .vc_register p.registrati, .vc_register p.modifica_dati { width:100%; float:left; clear:left; text-transform:uppercase; } .vc_register p.registrati a, .vc_register p.modifica_dati a { padding-right:5px; float:left; color:#212121; line-height:1.8em; font-size:0.8em; font-weight:bold; cursor:pointer; } .vc_register p.modifica_dati:after{ content:"|"; margin:0 5px; display:inline; font-family: FontAwesome; font-style: normal; font-weight: normal; color:#0173ba; } @media (max-width: 767px){ p.registrati { font-size: 0px; width: 30px; height: 30px; } p.registrati a:before { content: "\f007"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size:17px; line-height:24px; color:#ccc; } p.modifica_dati { font-size: 0px; width: 30px; height: 30px; display:none; } p.modifica_dati a:before { content: "\f013"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size:17px; line-height:24px; color:#ccc; } } .vc_head_button_channel { float:right; margin-left: 15px; cursor: pointer; height: 30px; position: relative; } .vc_head_button_channel a { float: left; color: #c11319; font-size: 0.8em; line-height: 1.8em; text-transform: uppercase; font-weight: bold; } .vc_logo { float: left; clear: left; width: 100%; text-align: center; } .vc_logo img { margin:0px; padding:0px; text-decoration:none; border:0px; height:auto; } .vc_logo.xs { float:none; display:table; margin:0 auto; } .vc_logo.xs img{ height:24px; width:auto; } /*@media only screen and (max-width : 767px) { .vc_logo.xs { display:block !important; } }*/ .banner_background { padding-top:50px; } /*---spacer*/ .spacer { width:100%; height:0px; float:left; clear:left; font-size:0px; line-height:0px; } .spacer.t_5 { margin-top:5px; } .spacer.t_10 { margin-top:10px; } .spacer.t_15 { margin-top:15px; } .spacer.t_20 { margin-top:20px; } .spacer.t_25 { margin-top:25px; } .spacer.t_30 { margin-top:30px; } .spacer.t_35 { margin-top:35px; } .spacer.t_40 { margin-top:40px; } .spacer.t_45 { margin-top:45px; } .spacer.t_50 { margin-top:50px; } .spacer.t_55 { margin-top:55px; } .spacer.t_60 { margin-top:60px; } .spacer.t_65 { margin-top:65px; } .spacer.t_70 { margin-top:70px; } .spacer.t_75 { margin-top:75px; } .spacer.t_80 { margin-top:80px; } .spacer.t_85 { margin-top:85px; } .spacer.t_90 { margin-top:90px; } .spacer.t_95 { margin-top:95px; } .spacer.t_100 { margin-top:100px; } /*--vc_sign_in*/ .vc_sign_in { float:right; } .vc_sign_in p.login, .vc_sign_in p.logout{ float:left; color:#333; line-height:1.8em; font-size:0em; font-weight:bold; cursor:pointer; text-transform:uppercase; } .vc_sign_in p.login:hover, .vc_sign_in p.logout:hover { cursor: pointer; } .vc_sign_in p.login:after{ content:"\f007"; float:left; color:#0173ba; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size:18px; line-height:22px; } .vc_sign_in p.login:before { content: "accedi"; margin: 0 15px 0 0; display: inline; color: #0173ba; font-size: 12px; line-height: 22px; font-weight: normal; text-transform: uppercase; float: left; } .vc_sign_in p.logout:before { content: "logout"; margin: 0 15px 0 0; display: inline; color: #0173ba; font-size: 12px; line-height: 22px; font-weight: normal; text-transform: uppercase; float: left; } .vc_sign_in p.logout:after { content: "\f011"; float:left; color:#0173ba; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size:18px; line-height:24px; } .banner_ticker { margin:20px auto 20px auto; display:table; clear:right; } /*.banner_ticker iframe, .banner_ticker div{ text-align:center; margin:0 auto; display:table; }*/ .banner_ticker img { max-width:100%; } .banner_interstitial{ margin:0px; padding:0px; } /*---vc_main_menu*/ .vc_main_menu { width:100%; float:left; clear:left; position:relative; border-top: 2px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; } .vc_main_menu.fixed { position:fixed; top:0px; width:980px ; z-index:1000; } /*---Menu #1*/ .vc_main_menu ul.menu_1 { width: 100%; clear: left; position: relative; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ background: #fff; justify-content: space-between; flex-wrap: wrap; flex-direction: row; text-align: center; } /*logo after the first scroll*/ .vc_main_menu.fixed { background:#fff; } .vc_main_menu.fixed:before { content: " "; background: url(../images/iltempo_logo_small.png); width: 100%; height: 50px; background-size: 270px; background-position: center; float: left; clear: left; background-repeat: no-repeat; } .vc_main_menu ul.menu_1:after { content:''; position:relative; display:inline-block; width:100%; height:0; line-height:0; } .vc_main_menu ul.menu_1 li { padding: 0 8px; flex: auto; float: left; /*for IE9*/ } .vc_main_menu ul.menu_1 li:hover{ background:#0173ba; } .vc_main_menu ul.menu_1 li:last-child{ padding-right:11px; border:none; } .vc_main_menu ul.menu_1 li a { line-height:35px; color:#0173ba; font-size:14px; text-transform:uppercase; } .vc_main_menu ul.menu_1 li a span { display:inline-block; } .vc_main_menu ul.menu_1 li.selezionato a, .vc_main_menu ul.menu_1 li.attivo a, .vc_main_menu ul.menu_1 li:hover a{ color:#fff; } .vc_main_menu ul.menu_1 li.selezionato, .vc_main_menu ul.menu_1 li.attivo { background:#0173ba; font-weight: 500; color:#fff; } /*---menu_2*/ .vc_main_menu ul.menu_1 li ul.menu_2 { display: none; padding: 0; width: 100%; text-align: left; height: inherit; float: left; clear: left; background: #fff; border:2px solid #f3f3f3; border-top:0px; position: absolute; top: 37px; left: 0; z-index: 999; } .vc_main_menu ul.menu_1 li.altrotempo ul.menu_2 { padding: 0 15px; } .vc_main_menu ul.menu_1 li ul.menu_2 li { width: 25%; padding: 0; float: left; clear: left; border-right: none; padding: 0 15px; } .vc_main_menu ul.menu_1 li.altrotempo ul.menu_2 li { clear: none; padding: 0 15px; } .vc_main_menu ul.menu_1 li ul.menu_2 li > a { border-bottom: 1px solid #0173ba; padding: 15px 0; } .vc_main_menu ul.menu_1 li ul.menu_2 li:last-child > a { border-bottom: 0px solid #c11319; } .vc_main_menu ul.menu_1 li ul.menu_2 li a { padding: 15px 0; width: 100%; float: left; clear: left; font-size: 0.875em; line-height: 1.2em; color: #212121; } .vc_main_menu ul.menu_1 li ul.menu_2 li a span { border:0px; } /*.vc_main_menu ul.menu_1 li ul.menu_2 li a:hover { background: #c11319; color: #ffffff; }*/ .vc_main_menu ul.menu_1 li ul.menu_2 li.attivo{ background: #f3f3f3; } .vc_main_menu ul.menu_1 li ul.menu_2 li:hover { background: #f3f3f3; } .vc_main_menu ul.menu_1 li ul.menu_2 li.cont_menu_li.attivo, .vc_main_menu ul.menu_1 li ul.menu_2 li.cont_menu_li:hover { background: #fff; } /*---menu_3*/ .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3 { width: 200px; background: #ffffff; top: 0px; left: 200px; position: absolute; } .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3:last-child { width: 200px; background: #ffffff; top: 0px; left: -201px; position: absolute; } .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li, .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a { width:100%; float:left; clear:left; } .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a { text-transform:none; color:#bd0926; text-decoration:none; } .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a:hover, .vc_main_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a span:hover { text-decoration:underline !important; } /*---Hover contenuti*/ .vc_main_menu ul.menu_1 .cont_menu_li { width: 75% !important; float: right !important; padding: 0 !important; } .vc_main_menu ul.menu_1 .cont_menu_li:hover { background: inherit; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu, .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .group_menu, .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .group_menu .hori_group_menu { width:100%; float:left; clear:left; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .group_menu { margin-top:5px; padding-top:5px; border-top:2px #fff solid; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .group_menu:first-child { margin-top:0px; padding-top:0px; border-top:0px; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .group_menu .hori_group_menu .cont_contenuto_menu { width: 33.333%; padding: 20px 15px; float: left; clear: none; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .cont_img { width: 100%; float: left; margin-bottom: 10px; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .cont_img a { margin:0px; padding:0px; background:none; width:auto; display:block; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .cont_img a img { float: left; clear: left; width: 100%; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .ora_pubblicazione { color:#131313; font-size:0.7em; line-height:inherit; text-transform:uppercase; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .occhiello { float:left; clear:left; width:100%; color: #0173ba; text-transform: uppercase; font-size: 0.75em; line-height: 1.25em; font-weight: 500; margin-bottom: 10px; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .titolo { font-size: 0.875em; line-height: 1.42857em; text-transform: none; color: #212121; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .titolo a, .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .occhiello a { margin: 0px; padding: 0px; background: none; color: inherit; text-transform: none; width: auto; float: none; clear: none; font-size: 1em; line-height: 1em; } .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .titolo a:hover, .vc_main_menu ul.menu_1 .cont_menu_li .contenuti_menu .occhiello a:hover { text-decoration:underline; text-transform:none; background:none; } .media { margin-top:0; } /*---vc_cont_top_menu*/ .vc_cont_top_menu{ position:relative; float:left; } /*--vc_top_menu*/ .vc_top_menu{ padding-top: 1px; float: left; clear: left; background: #fff; z-index: 10001; } .vc_top_menu ul.menu_1 { width:100%; float:left; clear:left; position:relative; text-align:justify; } .vc_top_menu ul.menu_1 li { padding: 0 14px 0 0; margin-right: 14px; float: left; border-right: 1px solid #606060; } .vc_top_menu ul.menu_1 li a { color: #606060; font-size: 0.75em; font-weight: normal; text-transform: uppercase; } /*.vc_top_menu ul.menu_1 li:last-child { border-right:0px; padding-right:0; margin-right:0; }*/ .vc_top_menu ul.menu_1 li.abbonamenti:before { content: "\f1ea"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#c11319; font-size:0.9em; } .vc_top_menu ul.menu_1 li.meteo:before { content: "\f0c2"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#606060; margin-right:15px; } .vc_top_menu ul.menu_1 li.gallery:before { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#c11319; } .vc_top_menu ul.menu_1 li.multimedia:before { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#606060; margin-right:5px; } .vc_top_menu ul.menu_1 li.rss:before { content: "\f09e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#c11319; } /*---menu_2*/ .vc_top_menu ul.menu_1 li ul.menu_2 { display:none; padding:5px; width:100%; text-align:left; height:inherit; float:left; clear:left; border:1px #f6f6f6 solid; background:#f6f6f6; position:absolute; top:28px; left:0px; z-index:999; } .vc_top_menu ul.menu_1 li ul.menu_2 li { width:410px; float:left; clear:left; } .vc_top_menu ul.menu_1 li ul.menu_2 li a { color:#131313; padding:2px 5px; width:180px; float:left; clear:left; } .vc_top_menu ul.menu_1 li ul.menu_2 li a span { border:0px; } .vc_top_menu ul.menu_1 li ul.menu_2 li a:hover { color:#d70d05; background:#ffffff; } .vc_top_menu ul.menu_1 li ul.menu_2 li.sfHover { background:#ffffff; } /*---menu_3*/ .vc_top_menu ul.menu_1 li ul.menu_2 li ul.menu_3 { width:235px; background:#ffffff; top:5px; left:180px; position:absolute; } .vc_top_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li, .vc_top_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a { width:100%; float:left; clear:left; } .vc_top_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a { text-transform:none; color:#d70d05; } .vc_top_menu ul.menu_1 li ul.menu_2 li ul.menu_3 li a:hover { text-decoration:underline !important; } /*---vc_other_sections*/ .vc_other_sections{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; float:left; margin:0px; } .vc_other_sections ul.menu_1 { width: 100%; float: left; padding: 1px 10px 1px 10px; background: #bd0926; height: 25px; } .vc_other_sections ul.menu_1 li{ margin:0px; font-size:.8em; text-transform:uppercase; color:#bd0926; font-weight:bold; } .vc_other_sections ul.menu_1 li a{ color:#fff; font-size:1em; line-height: 23px; } .vc_other_sections ul.menu_1 li a span{ display:inline-block; } .vc_other_sections ul.menu_1 li a img{ display:none; } .navbar-show .vc_margin_0{ margin:0; } .navbar-show #containerLogoTabletFixed{ padding:0; } /*vc_container_social_button*/ .vc_container_social_button{ width:auto; float: left; clear:none; } .vc_social_button{ display: inline; float: left; text-align: center; margin:0; } .vc_social_button a { font-size: 18px; line-height: 1em; color: #0173ba; text-align: center; display: inline-block; padding: 2px 8px; } .vc_social_button.facebook a:after, .vc_social_button.youtube a:after, .vc_social_button.twitter a:after, .vc_social_button.instagram a:after, .vc_social_button.google a:after, .vc_social_button.rss a:after{ font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size:15px; } .vc_social_button a{ font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } @media (min-width: 1200px){ } @media (max-width: 991px){ /* .navbar-show .vc_trigger_button{ margin:0px 0px 18px 0px; } .vc_other_sections ul.menu_1 li { font-size:0px; } .vc_other_sections ul.menu_1 li a img{ display:block; }*/ } @media (max-width: 767px){ /*.navbar-show #containerLogoTabletFixed{ margin-bottom:0 !important; }*/ } .banner_leaderboard_728x90 { margin:0 auto 0 auto; display:table; clear:right; } .banner_leaderboard_728x90 img { margin:10px auto 0 auto; max-width:100%; } .banner_tickerSpecial { margin:20px auto 20px auto; display:table; clear:right; float: left; } /*.banner_tickerSpecial iframe, .banner_tickerSpecial div{ text-align:center; margin:0 auto; display:table; }*/ .banner_tickerSpecial img { max-width:100%; } .vc_search_horizontal { float:right; cursor:pointer; height:26px; position:relative; } .vc_search_horizontal .occhiello_titolo { float:left; color:#0173ba; font-size: 0; line-height: 1.8em; text-transform:uppercase; font-weight:bold; } .vc_search_horizontal .occhiello_titolo:before { float:left; content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:#0173ba; text-transform:uppercase; padding-right:20px; font-size:14px; line-height: 24px; } .vc_search_horizontal form { display:none; position: absolute; right: 15px; bottom: 3px; height: 26px; background: #fff; border-bottom: 1px solid #0173ba; z-index: 100002; width:0; } .vc_search_horizontal .cerca_campo_text { float:left; width:90%; position:relative; } .vc_search_horizontal .cerca_campo_text input { padding:0 5px; border:0px; background:#fff; color:#666; width:100%; float:left; clear:left; font-size: 1em; line-height: 28px; } .vc_search_horizontal .cerca_campo_invio { float:left; width:10%; position:relative; } .vc_search_horizontal .cerca_campo_invio input { border:0px; width:100%; background:none; float:left; clear:left; z-index:10; position:relative; } .vc_search_horizontal .cerca_campo_invio:before { position:absolute; left:0; background:#fff; width:100%; content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; text-align:center; color:#0173ba; font-size: .9em; line-height: 1.9em; z-index:5; } .vc_search_horizontal form.active { width:260px; display:inline; } .banner_rectangle_header_250x70 { margin: 0 0 0 25px; display: table; clear: none; float: left; } .il-tempo-tv .banner_rectangle_header_250x70 { margin: 0 0 0 10px; } .banner_rectangle_header_250x70 img { max-width:100%; }